<template>
  <div>
    <ul class="central">
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image2/M01/79/0A/CgoB5ltr2A-AM5SFAADbT9jQCn841.jpeg" alt="" width="80" height="80"></a></p>
                <h3><a href="">字节跳动</a></h3>
                <h4><a href="">文娱丨内容/D轮及以上/2000人以上</a></h4>
                <h4>我们的使命：激发创造，丰富生活。</h4>
            </div> 
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">189</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">11988</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">5%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/image1/M00/00/03/CgYXBlTUV_qALGv0AABEuOJDipU378.jpg" alt="" width="80" height="80"></a></p>
                <h3><a href="">腾讯</a></h3>
                <h4><a href="">社交/上市公司/2000人以上</a></h4>
                <h4>用户为本，科技向善</h4>
            </div>
            <br> 
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">133</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">2610</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">28%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image2/M01/03/84/CgpVE1_ch26AEM8AAAAxNiZmyCE990.png" alt="" width="80" height="80"></a></p>
                <h3><a href="">美团</a></h3>
                <h4><a href="">消费生活/上市公司/2000人以上</a></h4>
                <h4>帮大家吃得更好，生活更好</h4>
            </div> 
            <br>
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">458</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">2877</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">12%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image3/M01/6A/43/Cgq2xl5UxfqAF56ZAABL2r1NdMU394.png" alt="" width="80" height="80"></a></p>
                <h3><a href="">网易</a></h3>
                <h4><a href="">电商/上市公司/2000人以上</a></h4>
                <h4>以匠心，致创新</h4>
            </div>
            <br> 
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">146</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">1462</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">24%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image/M00/21/3E/CgpFT1kVdzeAJNbUAABJB7x9sm8374.png" alt="" width="80" height="80"></a></p>
                <h3><a href="">百度</a></h3>
                <h4><a href="">工具/上市公司/2000人以上</a></h4>
                <h4>用科技让复杂的世界更简单</h4>
            </div> 
            <br>
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">145</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">924</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">17%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image2/M01/14/4D/CgoB5lyq5fqAAHHzAAAa148hbk8636.jpg" alt="" width="80" height="80"></a></p>
                <h3><a href="">滴滴</a></h3>
                <h4><a href="">汽车丨出行/不需要融资/2000人以上</a></h4>
                <h4>公司管理扁平化，技术氛围特别融洽</h4>
            </div> 
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">9</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">1172</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">27%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image2/M01/79/70/CgotOV1aS4qAWK6WAAAM4NTpXws809.png" alt="" width="80" height="80"></a></p>
                <h3><a href="">拉勾网</a></h3>
                <h4><a href="">企业服务/D轮及以上/500-2000人</a></h4>
                <h4>专注互联网职业机会</h4>
            </div> 
            <br>
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">1347</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">436</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">80%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image3/M01/17/BF/Ciqah16oBPyASFYSAAAJsPsgWJ8549.png" alt="" width="80" height="80"></a></p>
                <h3><a href="">Shopee</a></h3>
                <h4><a href="">电商/上市公司/500-2000人</a></h4>
                <h4>东南亚领航电商平台</h4>
            </div> 
            <br>
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">40</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">455</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">100%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image/M00/2D/56/CgqCHl8DA_uAPRKcAAANGiNzSNQ343.png" alt="" width="80" height="80"></a></p>
                <h3><a href="">有赞</a></h3>
                <h4><a href="">企业服务/上市公司/2000人以上</a></h4>
                <h4>加入有赞，一起Enjoy~</h4>
            </div> 
            <br>
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">51</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">496</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">5%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image/M00/86/41/CgpFT1rOxKOAXsCwAAB1tzB2sOU050.jpg" alt="" width="80" height="80"></a></p>
                <h3><a href="">爱奇艺</a></h3>
                <h4><a href="">文娱丨上市公司/2000人以上</a></h4>
                <h4>做一家以科技创新为驱动的伟大娱乐公司</h4>
            </div> 
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">145</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">645</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">35%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image/M00/95/C7/Cgp3O1ib47SARaD_AAAReZn2oqM588.png" alt="" width="80" height="80"></a></p>
                <h3><a href="">哔哩哔哩</a></h3>
                <h4><a href="">移动互联网,文娱丨内容/上市公司/2000人以上</a></h4>
                <h4>bilibili中国年轻人聚集的文化社区</h4>
            </div> 
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">52</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">638</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">2%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
      <li>
        <div class="box">
            <div class="top">
                <p><a href=""><img src="//www.lgstatic.com/thumbnail_200x200/i/image2/M01/AD/A3/CgoB5lv0DkOAGt79AADYTUNCQgc603.jpg" alt="" width="80" height="80"></a></p>
                <h3><a href="">涂鸦智能</a></h3>
                <h4><a href="">移动互联网,硬件/C轮/500-2000人</a></h4>
                <h4>全球化智能平台</h4>
            </div> 
            <br>
            <hr>
            <div class="box_bottom">
                <div class="b1">
                    <p class="shu">66</p>
                    <p>面试评价</p>
                </div>
                <div class="b2">
                    <p class="shu">574</p>
                    <p>在招职位</p>
                </div>
                <div class="b3">
                    <p class="shu">2%</p>
                    <p>简历处理率</p>
                </div>
            </div>          
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
// import foot from '@/components/index/b_foot.vue'


export default {
  data(){
    return{
      
    }
  },
  components:{
     
  }
}
</script>
<style scoped>
  .central{
    display: grid;
    margin: 40px auto 0px;
    grid-template-columns: repeat(4,300px);
    grid-template-rows: repeat(3,325px);
    grid-row-gap: 5px;
  }
  li{
    list-style-type: none;
    margin: 0px 10px;
  }
  .box{
    height: 290px;
    padding: 10px 20px ;
    border: 1px solid rgb(204, 196, 196);
    background-color:#fff  ;
    /* box-shadow: 0 0 10px 0 rgba(56,81,76,.12); */
    
  }
  .box:hover{
    box-shadow: 0 0 10px 0 rgba(56,81,76,.12);
  }
  .name{
  font-size: 18px;
  font-weight: 600;
  color: #3b4145;
  text-align: left;
  cursor: pointer;
  }
  .img-text{
    margin: 10px auto;
    cursor: pointer;
  }
  hr{
    color: #F2F5F4;
  }
  .text{
    font-size: 15px;
  }
  .company-logo{
    margin: 0 auto;
    padding-bottom: 20px;
  }
  /* .bottom{
    margin: 10px 0px 0px 0px;
  } */
  .bottom-text{
    display: inline-block!important;
    margin: 10px 10px 0px 10px;
    font-size: 16px!important;
    line-height: 22px;
  }
  h3:hover{
    color: #00b38a;
  }
.top p,
h3,h4
{
    text-align: center;
}
a{
    color: #999;
    font-size: 16px;
}
h3{
    font-size: 16px;
}
h4{
    font-size: 14px;
    color: #999;
}
.b1,
.b2,
.b3{
    display: inline-block;
    text-align: center;
    margin: 0 7px;
}
.shu{
    color: #00b38a;
    font-size: 16px ;
}


</style>>

